[#escape x as (x)!?html]
<!doctype html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8"/>
	<title>${title}_${node.name}_${site.name}${global.customs['poweredby']}</title>
	<meta name="keywords" content="${info.keywords}"/>
	<meta name="description" content="${info.description}"/>
	<link href="_files/global.css" rel="stylesheet"/>
	<link href="_files/pt_space.css" rel="stylesheet"/>
	<link href="_files/style.css" rel="stylesheet"/>
	[#include 'inc_js.html'/]
	<link rel="stylesheet" href="${ctx}/static/vendor/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${ctx}/static/vendor/bootstrap/css/bootstrap.css">
	<script src="${ctx}/static/vendor/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
[#include 'inc_header.html'/]
<div class="pt-space-wrapper clearfix">
	<div class="w center mt10 clearfix bgwhite">
		<div class="panel-user-info">
			<div class="user-wrapper">
				<div class="work-info">
					<ul>
						<li>
							<p>待办</p>
							<p>9</p>
						</li>
						<li>
							<p>已办</p>
							<p>19</p>
						</li>
					</ul>
				</div>
				<p class="user-info-title"><i class="fa fa-user fa-user-circle-o"></i><span class="user-name">展昭</span></p>
				<ul class="list-unstyled user-detail">
					<li>公安厅</li>
					<li>科员</li>
					<li>[#if targetUser.gender??][#if targetUser.gender=='M']男[#else]女[/#if][#else]保密[/#if]</li>
					<li class="birthday">[#if targetUser.birthDate??]${targetUser.birthDate?string('yyyy-MM-dd')}[#else]<a href="#">未填写生日</a>[/#if]</li>
				</ul>
			</div>
		</div>
		<ul class="list-unstyled toggle-type">
			<li class="active toggle"><a href="javascript:;"><i class="fa fa-file-text-o"></i>重要通知</a></li>
			<li class="toggle"><a href="javascript:;"><i class="fa fa-envelope-o"></i>站内信</a></li>
			<li class="address-book"><a href="#"><i class="fa fa-address-book"></i>通讯录</a></li>
		</ul>
		<div class="fliter">
			<ul class="list-unstyled function-panel right mr5">
				<li><a href="#"><i class="fa fa-pencil-square-o mr5"></i>写信</a></li>
				<li><a href="#">草稿箱</a></li>
			</ul>
			<ul class="list-unstyled choose-search">
				<li>筛选</li>
				<li><input type="checkbox" id="all"><label for="all">全部</label></li>
				<li><input type="checkbox" id="readed"><label for="readed">已读</label></li>
				<li><input type="checkbox" id="unread"><label for="unread">未读</label></li>
			</ul>

			<table class="table table-striped toggle-table display-show">
				<thead>
				<tr>
					<th style="padding-left:20px;">主题</th>
					<th>发布人</th>
					<th>发布时间</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<td><span class="label label-danger">新</span> 李克强会见联合国秘书长：贸易战损害世界人民共同利益</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td><span class="label label-danger">新</span> 韩正在生态环境部住房城乡建设部调研</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td><span class="label label-danger">新</span> 胡春华会见英国苏格兰地方政府首席部长一行王毅会见奥地利外长克奈斯尔</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td><span class="label label-danger">新</span> 韩正在生态环境部住房城乡建设部调研</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td><span class="label label-danger">新</span> 李克强签署国务院令公布国务院关于修改和废止部分行政法规的决定</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>一季度全国财政收入运行持续向好 同比增长13.6%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>前两月全国用电量增速创五年来新高 同比增长13.3%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>将建中小学生健康数据库</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				</tbody>
			</table>

			<table class="table table-striped toggle-table">
				<thead>
				<tr>
					<th style="padding-left:20px;">主题</th>
					<th>发布人</th>
					<th>发布时间</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<td><span class="label label-danger">新</span> 韩正在生态环境部住房城乡建设部调研</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td><span class="label label-danger">新</span> 李克强签署国务院令公布国务院关于修改和废止部分行政法规的决定</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>一季度全国财政收入运行持续向好 同比增长13.6%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>一季度全国财政收入运行持续向好 同比增长13.6%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>一季度全国财政收入运行持续向好 同比增长13.6%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>前两月全国用电量增速创五年来新高 同比增长13.3%</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				<tr>
					<td>将建中小学生健康数据库</td>
					<td>某某机关</td>
					<td>2018-04-10</td>
				</tr>
				</tbody>
			</table>

			<nav aria-label="Page navigation" class="pull-right">
				<ul class="pagination" style="margin-right: 10px;">
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">«</span>
						</a>
					</li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">»</span>
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</div>
[#include 'inc_friendlink.html'/]
[#include 'inc_footer.html'/]
<script>
	$(function () {
		$('.toggle-type>li.toggle').click(function () {
			$(".toggle-type>li.toggle").removeClass("active");
			$(this).addClass("active");
			var index = $(this).index();
			$(".toggle-table").removeClass("display-show");
			$(".toggle-table").eq(index).addClass("display-show");
		})
	})
</script>
</body>
</html>
[/#escape]